<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to MEF</title>
<link href="view/css/mefstylesheet.css" type="text/css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('a.login-window').click(function() {
		
                //Getting the variable's value from a link 
		var loginBox = $(this).attr('href');

		//Fade in the Popup
		$(loginBox).fadeIn(300);
		
		//Set the center alignment padding + border see css style
		var popMargTop = ($(loginBox).height() + 24) / 2; 
		var popMargLeft = ($(loginBox).width() + 24) / 2; 
		
		$(loginBox).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		// Add the mask to body
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn(300);
		
		return false;
	});
	
	// When clicking on the button close or the mask layer the popup closed
	$('a.close, #mask').live('click', function() { 
	  $('#mask , .login-popup').fadeOut(300 , function() {
		$('#mask').remove();  
	}); 
	return false;
	});
});
</script>
<style type="text/css">
/* Mask for background, by default is not display */
.tabcnt{ float:left !important;}
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	background:#fff;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	border:5px solid #ccc;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	width:450px; height:260px;
}

img.btn_close { 
	float: right; 
	
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
	float:left;
	width:130px;
}

form.signin p, form.signin span { 

	color: #333;
font-size: 15px;
line-height: 26px;
padding-left: 10px;
margin-top: 3px;
} 

form.signin .textbox input { 
 
	border:1px solid #ccc;
	margin-top:5px;
	height:18px;
	color:#333; 
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 8px 6px;
	width:200px;
	margin-left:10px;
	line-height:18px;
	
}

form.signin input:-moz-placeholder { color:#333;  }
form.signin input::-webkit-input-placeholder { color:#333;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
        border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	
	margin-top:10px;
	font:12px; 
	width:105px;
	height: 35px;
margin-left: 148px !important;
float: left;
}
.button:hover { background:#ddd; }

</style>
<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
 <script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<script>
function validate()
{
	if(document.form.uname.value==""){
				alert("please enter name");
				document.form.uname.focus();
				return false;
			}
	if(document.form.fname.value==""){
				alert("please enter father's name");
				document.form.fname.focus();
				return false;
			}
	if(document.form.mobile.value==""){
				alert("please enter mobile");
				document.form.mobile.focus();
				return false;
			}
	if(document.form.city.value==""){
				alert("please enter city");
				document.form.city.focus();
				return false;
	}
	document.form.submit();
	
}
</script>

</head>
<?php echo $header; ?>
<div class="mef_mainbody">
<div class="mef_container">
<div class="meffullpart">
<div class="afbf_wp">
<!--<a href="#"><input type="button" value="Before" class="bfrbtn"/></a>&nbsp;&nbsp;<a href="#"><input type="button" value="After" class="afrbtn"/></a>&nbsp;&nbsp;<a href="#"><input type="button" value="Save" class="savebtn"/></a>&nbsp;&nbsp;<a href="#"><input type="button" value="Edit" class="editbtn"/></a>-->
</div>
<div id="tabs" class="checkregpart">
  <!--<ul>
    <li><a href="#tabs-4">User Registration</a></li>
    <li><a href="#tabs-1">Environmental</a></li>
    <li><a href="#tabs-2">Planetary Positions</a></li>
    <li><a href="#tabs-3">Chakras</a></li>
  </ul>-->
		<div class="tabcnt checkregcnt">
 <div id="tabs-4">

<div class="">
<form id=form name=form method="post" action="" onsubmit="return validate();" enctype="multipart/form-data">
    <p style="line-height:42px; font-size:18px;font-weight:normal;"><b>User Registration</b></p>
        <img src="../image/userimages/<? echo $userdetailes['image'];?>" width="150" height="150"/>
		<br/>
        <label class="label">Name: <?php  echo $userdetailes['name']; ?></label>
		<br/><br/>
        <label class="label">Father's Name:<?php echo $userdetailes['fathername']; ?></label>
		<br/><br/>
        <label class="label"><?if($userdetailes['dob']!=null){?>Date of Birth:<?php echo $userdetailes['dob']; ?><?}?></label>
		<label class="label"><?if($userdetailes['age']!='0'){?>Age:<?php echo $userdetailes['age']; ?><?}?></label>
		<br><br>
        <label class="label">Mobile:<?php echo $userdetailes['mobile']; ?></label>
		<br><br>
        <label class="label">Phone Number:<?php echo $userdetailes['phonenumber']; ?></label>
		<br><br>
        <label class="label">E-mail ID:<?php echo $userdetailes['email']; ?> </label>
		<br><br>
        <label class="label">Address:<?php echo $userdetailes['address']; ?></label>
		<br><br>
        <label class="label">City:<?php echo $userdetailes['city'];?></label>
		<br><br>
        <label class="label">District:<?php echo $userdetailes['district']; ?></label>
		<br><br>
        <label class="label">Pincode:<?php echo $userdetailes['pincode']; ?></label>
		<br><br>
		<label class="label">Country:<?php echo $userdetailes['country'];  ?></label>
		<br/><br>
		<label class="label" >State:<?php echo $userdetailes['state'];  ?></label>
		<br><br>
		<label class="label">Refereed by:<?php  echo $userdetailes['refereed']; ?> </label>
		<br/><br>
		<label class="label">Date of Visit:<?php echo $userdetailes['dateofvisit']; ?></label>
		<br/><br>
		<label class="label">Already Visit Or Not:<?php echo $userdetailes['p_exit_or_not'];?></label><br/>
		<br/><br/>
		<a href="<?php echo $regurl.'&uid='.base64_encode($userid).'&edit=1'; ?>"><input type="button" name="cancelbtn" id="cancelbtn" class="reg_sbbtn" value="Edit"/></a>
		<a href="<?php echo $cancelUrl; ?>"><input type="button" name="cancelbtn" id="cancelbtn" class="reg_sbbtn" value="Cancel"/></a>
		<br/><br/>
</form>
          </div>

</div>


<br/><br/>

</div>

</div>
</div>
</div>
<?php echo $footer;?>
</body>
</html>
<script type="text/javascript">

$('select[name=\'countries\']').bind('change', function() {
	$.ajax({
		url: 'index.php?route=common/country&country_id=' + this.value + "&token=<?=$token?>",
		dataType: 'json',
		beforeSend: function() {
			$('select[name=\'country_id\']').after('<span class="wait">&nbsp;<img src="catalog/view/theme/default/image/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('.wait').remove();
		},			
		success: function(json) {
			if (json['postcode_required'] == '1') {
				$('#postcode-required').show();
			} else {
				$('#postcode-required').hide();
			}
			
			html = '<option value=""> --- Please Select --- </option>';
			
			if (json['zone'] != '') {
				for (i = 0; i < json['zone'].length; i++) {
        			html += '<option value="' + json['zone'][i]['zone_id'] + '"';
	    			
					if (json['zone'][i]['zone_id'] == '') {
	      				html += ' selected="selected"';
	    			}
	
	    			html += '>' + json['zone'][i]['name'] + '</option>';
				}
			} else {
				//html += '<option value="0" selected="selected"> --- None --- </option>';
			}
			
			$('select[name=\'state\']').html(html);
		},
		error: function(xhr, ajaxOptions, thrownError) {
			alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
		}
	});
});

$('select[name=\'country_id\']').trigger('change');
</script> 
